.messageCenter {
	.list {
		padding: 15px;
		> view {
			padding: 15px;
			background: rgba(255, 255, 255, 0.05);
			border-radius: 5px 5px 5px 5px;
			border: 1px solid rgba(255, 255, 255, 0.1);
			position: relative;
			margin-bottom: 15px;
			> view:nth-child(1) {
				font-weight: 600;
				font-size: 16px;
				color: #ffffff;
			}
			> view:nth-child(2) {
				font-size: 15px;
				color: rgba(255, 255, 255, 0.5);
				margin: 7px 0;
			}
			> view:nth-child(3) {
				font-size: 13px;
				color: rgba(255, 255, 255, 0.3);
			}
			> i {
				position: absolute;
				display: block;
				width: 26px;
				height: 26px;
				background: url(@/static/image/56.png) no-repeat;
				background-size: 100% 100%;
				margin-right: 4px;
				top: 10px;
				right: 10px;
			}
			.selected {
				background: url(@/static/image/57.png) no-repeat;
				background-size: 100% 100%;
			}
		}
		> view:last-child {
			margin-bottom: 0;
		}
	}

	.fot {
		background: rgba(255, 255, 255, 0.1);
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 12;
		display: flex;
		justify-content: space-around;
		background: #0e1934;
		padding: 10px 20px;
		box-sizing: border-box;
		border-top: 1px solid #444444;
		> view {
			background: #ffffff;
			border-radius: 24px 24px 24px 24px;
			border: 1px solid #979797;
			font-weight: 600;
			font-size: 16px;
			color: rgba(0, 0, 0, 0.8);
			font-size: 16px;
			width: 126px;
			height: 44px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		> view:nth-child(2) {
			background: #22b1ff;
			color: #ffffff;
		}
	}
}
.pd {
	padding-bottom: 70px;
}
.messageCenterDetail {
	.com {
		padding: 15px;
		> view:nth-child(1) {
			font-weight: 600;
			font-size: 21px;
			color: #ffffff;
		}
		> view:nth-child(2) {
			font-size: 13px;
			color: rgba(255, 255, 255, 0.5);
			margin: 20px 0;
		}
		> view:nth-child(3) {
			font-size: 16px;
			color: rgba(255, 255, 255, 0.8);
			line-height: 32px;
		}
	}
}
